/*关于我们css*/

/*头部*/
.contact_header {
  /*导航条*/
  .nav_bar {
    width: 100%;
    background: linear-gradient(-90deg, rgba(30, 30, 75, 1), rgba(34, 40, 90, 1));
    position: fixed;
    top: 0;
    z-index: 200;
    //border: 1px solid #000;
    .container {
      //display: flex;
      //justify-content: space-between;
      height: 80px;
      .logo {
        //display: flex;
        //justify-content: center;
        //align-items: center;
        float: left;
        width: 145px;
        height: 40px;
        //border: 1px solid red;
        background: url("../images/logo/home_logo1.png") no-repeat;
        text-indent: -9999px;
        margin-top: 20px;
      }
      .nav {
        //border: 1px solid red;
        //display: flex;
        //align-items: center;
        float: right;
        > li {
          //display: block;
          height: 80px;
          padding: 0 35px;
          //border: 1px solid red;
          //display: flex;
          //justify-content: center;
          //align-items: center;
          float: left;
          line-height: 80px;
          > a {
            //border: 1px solid white;
            //height: 60px;
            > span {
              color: #7C86C1;
              display: block;
            }
            &.active {
              > span {
                color: white;
              }
            }
          }
          &:hover {
            span {
              color: white;
            }
          }

        }

        .nav_product {
          width: 102px;
          //border: 1px solid red;
          padding: 0;
          text-align: center;
          //line-height: 0px;
          //margin-top: 20px;
          &.en{
            width: 118px;
            .nav_product_content{
              margin-left: 4px;
            }
          }
          .content_triangle {
            display: none;
            //width: 20px;
            //height: 20px;
            //background-color: red;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 15px solid white;
            margin-top: -24px;
            margin-left: 41px;
          }
          .nav_product_content {
            display: none;
            width: 200px;
            //height: 113px;
            background-color: white;
            border-radius: 4px;
            //border: 1px solid red;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-left: 20px;
            z-index: 200;
            > a {
              //height: 37px;
              //border: 1px solid blue;
              line-height: 26px;
              text-align: left;
              padding-left: 10px;
              padding-right: 10px;
              color: #7C86C1;
              &:hover {
                color: #313BFF;
              }
              &:first-child {
                color: #313BFF;
              }
            }
          }
          &:hover {
            .content_triangle {
              display: block;
            }
            .nav_product_content {
              display: block;
            }
          }
        }

        > .nav_language_sel {
          width: 75px;
          height: 80px;
          //line-height: 80px;
          //border: 1px solid green;
          background-color: #1E1E4B;
          color: #7C86C1;
          font-size: 16px;
          //cursor: pointer;
          border: 0;
          outline: none;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          &:hover {
            color: white;
          }
          > option {
            background-color: #1E1E4B;
            &:hover {
              background-color: red;
              color: #fff;
            }
          }
        }
      }
    }
  }
  /*banner*/
  .contact_banner {
    width: 100%;
    background: url("../images/bg/home_bg_lx.png") no-repeat;
    margin-top: 79px;
    .container {
      height: 671px;
    }
  }
}
/*地图*/
.contact_map {
  .container {
    //border: 1px solid #000;
    .map_card {
      margin-top: 169px;
      margin-bottom: 169px;
      background-color: white;
      border-radius: 8px;
      display: flex;
      flex-flow: column nowrap;
      align-items: center;
      text-align: center;
      //border: 1px solid #000;
      .card_title {
        font-size: 36px;
        font-family: Adobe Heiti Std R;
        font-weight: bold;
        color: rgba(30, 30, 75, 1);
        line-height: 41px;
      }
      .card_detail {
        width: 100%;
        height: 463px;
        font-size: 16px;
        color: #585858;
        line-height: 24px;
        text-align: center;
        margin-top: 100px;
        border-radius:8px;
        box-shadow: 0px 3px 26px 2px rgba(14, 72, 180, 0.08);
      }
    }
  }
}
/*主体*/
/*向上箭头*/
.contact_up_arrow {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 30px solid #282C64;
  margin-left: auto;
  margin-right: auto;
}
/*主体内容*/
.contact_main {
  height: 812px;
  background: url("../images/bg/home_bw_bg2.png") no-repeat;
  .container {
    padding-top: 169px;
    padding-bottom: 199px;
    //border: 1px solid white;
    .main_header {
      //border: 1px solid #000;
      > h3 {
        font-size: 36px;
        font-family: Adobe Heiti Std R;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        line-height: 41px;
        text-align: center;
      }
      > p {
        text-align: center;
        font-size: 19px;
        color: #585858;
        line-height: 24px;
      }
    }
    .main_tab {
      //height: 416px;
      display: flex;
      justify-content: space-between;
      margin-top: 35px;
      //border: 1px solid white;
      .tab_content {
        width: 751px;
        //height: 416px;
        //border: 1px solid red;
        .content_title {
          font-size: 24px;
          font-family: Adobe Heiti Std R;
          font-weight: bold;
          color: rgba(255, 255, 255, 1);
          //line-height: 41px;
        }
        .content_row {
          //border: 1px solid red;
          display: flex;
          justify-content: space-between;
          margin-top: 30px;
          .row_item {
            //display: block;
            width: 300px;
            //height: 30px;
            background: rgba(255, 255, 255, 1);
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            > span {
              padding-top: 8px;
              padding-left: 8px;
              padding-bottom: 8px;
              white-space: nowrap;
              color: #121238;
            }
            > input {
              flex: 1;
              outline: none;
              padding-right: 8px;
              border-radius: 5px;
              &::-webkit-input-placeholder {
                /* placeholder颜色  */
                color: #999999;
              }
            }
            &:nth-child(2) {
              width: 386px;
              > input {
                flex: 1;
              }
            }
            > textarea {
              flex: 1;
              border: none;
              outline: none;
              padding-top: 8px;
              padding-right: 8px;
              border-radius: 5px;
              font-size: 16px;
              resize: none
            }
          }
          &:nth-child(4) {
            .row_item {
              width: 100%;
            }
          }
          &:nth-child(5) {
            .row_item {
              width: 100%;
            }
          }
        }

      }
      .tab_business_address {
        width: 298px;
        //height: 416px;
        //border: 1px solid blue;
        .address_title {
          font-size: 24px;
          font-family: Adobe Heiti Std R;
          font-weight: bold;
          color: rgba(255, 255, 255, 1);
          //line-height: 41px;
        }
        .address_detail {
          width: 276px;
          //height: 318px;
          background: rgba(255, 255, 255, 1);
          border-radius: 8px;
          margin-top: 30px;
          line-height: 32px;
          padding: 8px 15px 20px 8px;
          //border: 1px solid red;
        }
      }
    }
  }
}
